@import '~asha/_.less';


.pager {
    line-height: 30px;
    display: block;
    float: right;
    width: 100px;
    height: 30px;
    padding: 4px;
    text-align: center;
    color: #535353;

    .fl {
        line-height: 20px;
        float: left;
        height: 20px;
    }
    .fr {
        float: right;
    }

    a {
        line-height: 20px;
        float: left;
        height: 20px;
        cursor: pointer;
        vertical-align: middle;
        text-decoration: none;
    }
    .next2, .prev2 {
        line-height: 20px;
        width: 20px;
        height: 20px;
        padding: 0 5px;
        border-radius: 10px;
        background-color: #ccc;
    }
    .next2:before, .prev2:before {
        font-size: 14px;
        content: '<';
        color: #fff;
    }
    .next2:hover, .prev2:hover {
        border-color: @color_a;
    }
    .next2:hover:before, .prev2:hover:before {
        color: @color_a;
    }
    .disable.next2, .prev2.disable {
        cursor: no-drop;
        border-color: #eee;
        background-color: #ccc;
    }
    .disable.next2:before, .prev2.disable:before {
        color: @color_font_2;
    }
    .next2:before {
        content: '>';
    }
    .num {
        color: @color_font_1;
        width: 15px;
    }
    .num.current, .num:hover {
        color: @color_a;
    }
    .ellipsis {
        line-height: 20px;
        width: 42px;
        height: 20px;
        color: #707070;
    }
    input {
        width: 44px;
        height: 24px;
        text-align: center;
        border: 1px solid #eee;
    }
    .num-total{
        label{
            display: inline-block;
            width: 15px;
        }
    }
}